<template>
  <div class="asetting_content cf w1 h1">
    <nav class="asetting_c-left fl">
      <Menu class="asetting-l-nav" style="width:100%;" @on-select="onChangeRoue" :active-name="$route.path">
        <MenuItem name="/offline">
        <i class="fa fa-calculator"></i>
        <span>离线统计</span>
        </MenuItem>
        <MenuItem name="/offline/log">
        <i class="fa fa-wifi"></i>
        <span>离线记录</span>
        </MenuItem>
      </Menu>
    </nav>
    <div class="asetting_c-right fr">
      <transition name="fade-transverse">
        <router-view />
      </transition>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    onChangeRoue(path) {
      this.$router.push({ path });
    }
  }
};
</script>
